@charset "utf-8";
/* CSS Document */
/*  Author: Nick Luo  */
/*  Date:   10-22-2014 */

.slider-box {
	background-color: #f4f4f4;
	margin: 0px 0px 50px;
	position: relative;
}
.scroll-pane {
	overflow: auto;
	width: 100%;
	float: left;
}
.scroll-content {
	width: 2440px;
	float: left;
}
.scroll-content-item {
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px;
	font-size: 3em;
	line-height: 96px;
	text-align: center;
}
.scroll-bar-wrap {
	background: none;
	border: none;
	position: absolute;
	bottom: -38px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
.scroll-bar-wrap .ui-slider {
	background: none;
	border: 0;
	height: 2em;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-handle-helper-parent {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-slider-handle {
	top: .2em;
	height: 1.5em;
	width: 100px !important;
	margin-left: 0px !important;
	background: #008ebd;
	height: 5px;
	border: none;
	cursor: pointer;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon {
	margin: -8px auto 0;
	position: relative;
	top: 50%;
	background: none;
}
.scroll-content a {
	display: inline-block;
	height: 350px;
	overflow: hidden;
}
.ui-widget-header {
	background: none;
	border: none;
}
.bar-box {
	width: 730px;
	margin: 0px auto;
	position: relative;
}
.grey-line {
	border-top: 1px #ccc solid;
	position: absolute;
	bottom: 21px;
	left: 0px;
	width: 100%;
}
h2.pro-name {
	color: #919191;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	margin-top: 11px;
	margin-bottom: 10px;
}
.hot h2 a, .bran h2 a {
	color: #008EBD;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
#features_content_carousel{overflow:visible;}
#features_content_carousel #features_carusel_area {
	overflow: hidden;
}
#features_content_carousel #features_carousel .tile-column {
	overflow: hidden;
}
#products_carousel_tile_mask_img, #products_carousel_tile_mask_layer {
	background-color: #008ebd !important;
}
#features_content_carousel #features_carousel .tile-column .tile .tile-frame .tile-frame-item {
	background-color: #707070 !important;
}
div.tile-column a {
	display: block;
	position: relative;
}
div.tile-column p.name, div.tile-column p.shift {
	position: absolute;
	display: none;
	padding: 0px 3px;
	color: #666;
	font-weight: 700;
	text-align: center;
	font-size: 14px !important;
	margin: 0px !important;
}
div.tile-column p.shift {
	top: 15px;
	right: 15px;
	background-color: #fff;
}
p.bottomMsg{ padding-bottom:20px;padding-left: 15px;padding-right: 15px;}
div.tile-column p.name {
	bottom: 6px;
	text-align: center;
	color: #000;
	width: 100%;
}
div.tile-column p.name a {
	color: #000;
}
p.goods-icons {
	text-align: left;
	padding-left: 10px;
}